<div class="create-uhost-view" ng-controller="CreateCloudController as createCloud">
    <div class="create-uhost-view-body">
        <div class="uhost-locals uhost-group">
            <div class="group-text">
                <span>地域</span>
            </div>
            <div class="options-box">
                <div class="options-item">
                    <div class="text">地域：</div>
                    <div class="control">
                        <!--<ubtn-group data-model="createCloud.model.uhostLocals"></ubtn-group>-->
                    </div>
                </div>
                <div class="options-item">
                    <div class="text">可用区域：</div>
                    <div class="control">
                        <select class="control-select control-block"
                                ng-model="createCloud.model.uhostLocals.usageSelected"
                                ng-options="usage as usage.label for usage in createCloud.model.uhostLocals.usageOptions track by usage.code">
                        </select>
                    </div>
                </div>
            </div>
        </div>
        <!-- space -->
        <div class="uhost-instance uhost-group">
            <div class="group-text">
                <span>实例</span>
            </div>
            <div class="options-box">
                <div class="options-item">
                    <div class="text">实例规格：</div>
                    <div class="control">2CPU 6G内存</div>
                </div>
                <div class="options-item">
                    <div class="text">实例选择：</div>
                    <div class="control">
                        <button class="ubtn ubtn-blue ubtn-rect">
                            <span class="ti-plus"></span>
                        </button>
                    </div>
                </div>
            </div>
        </div>
        <!-- space -->
        <div class="uhost-network uhost-group">
            <div class="group-text">
                <span>网络</span>
            </div>
            <div class="options-box">
                <div class="options-item">
                    <div class="text">VPC网络：</div>
                    <div class="control">
                        <select class="control-select control-block"
                                ng-model="createCloud.model.uhostNetwork.vpcSelected"
                                ng-options="vpc as vpc.label for vpc in createCloud.model.uhostNetwork.vpcOptions track by vpc.code">
                        </select>
                    </div>
                </div>
                <div class="options-item">
                    <div class="text">子网：</div>
                    <div class="control">
                        <select class="control-select control-block"
                                ng-model="createCloud.model.uhostNetwork.subnetSelected"
                                ng-options="subnet as subnet.label for subnet in createCloud.model.uhostNetwork.subnetOptions track by subnet.code">
                        </select>
                    </div>
                </div>
                <div class="options-item">
                    <div class="text">VPC网络：</div>
                    <div class="control">
                        <!--<ubtn-group data-model="createCloud.model.uhostNetwork"></ubtn-group>-->
                    </div>
                </div>
            </div>
        </div>
        <!-- space -->
        <div class="uhost-bandwidth uhost-group">
            <div class="group-text">带宽</div>
            <div class="options-box">
                <div class="options-item">
                    <div class="text">带宽类型：</div>
                    <div class="control">
                        <ubtn-group data-tab-click="createCloud.uhostBandwidth.onTabClick()"
                                    data-ubtns="createCloud.uhostBandwidth.datasets[0]"
                                    data-selected="createCloud.uhostBandwidth.datasets.selected">
                        </ubtn-group>
                    </div>
                </div>
                <div class="options-item">
                    <div class="text">运营商：</div>
                    <div class="control">
                        <!--<select class="control-select control-block"
                                ng-model="createCloud.uhostBandwidth.ispSelected"
                                ng-options="isp as isp.label for isp in createCloud.uhostBandwidth.ispOptions track by isp.code">
                        </select>-->
                        <select class="control-select control-block" ng-model="createCloud.uhostBandwidth.ISPChange">
                            <option value="{{::isp.code}}"
                                    ng-repeat="isp in createCloud.uhostBandwidth.getISP()"
                                    ng-bind="isp.label">
                            </option>
                        </select>
                        <!--<link-select data-datasets="createCloud.uhostBandwidth.datasets[1]"
                                     data-selected="createCloud.uhostBandwidth.datasets.selected">
                        </link-select>-->
                    </div>
                </div>
                <div class="options-item">
                    <div class="text">带宽：</div>
                    <div class="control">
                        <!--<select class="control-select control-block"
                                ng-model="createCloud.uhostBandwidth.bandwidthSelected"
                                ng-options="bandwidth.ciCode as bandwidth.ciName for bandwidth in createCloud.uhostBandwidth.bandwidthOptions track by bandwidth.ciCode">
                        </select>-->
                        <select class="control-select control-block" ng-change="createCloud.uhostBandwidth.bandwidthChange()">
                            <option value="{{::bandwidth.ciName}}"
                                    ng-repeat="bandwidth in createCloud.uhostBandwidth.getBandwidth()"
                                    ng-bind="bandwidth.ciName"></option>
                        </select>
                    </div>
                </div>
            </div>
        </div>
        <!-- space -->
        <div class="uhost-iso uhost-group">
            <div class="group-text">镜像</div>
            <div class="options-box">
                <div class="options-item">
                    <div class="text">公共镜像：</div>
                    <div class="control">
                        <select class="control-select control-large"
                                ng-model="createCloud.model.uhostISO.isoSelected"
                                ng-options="iso as iso.label for iso in createCloud.model.uhostISO.isoOptions track by iso.code">
                        </select>
                    </div>
                </div>
            </div>
        </div>
        <!-- space -->
        <div class="uhost-storage uhost-group">
            <div class="group-text">存储</div>
            <div class="options-box">
                <div class="options-item">
                    <div class="text">系统盘：</div>
                    <div class="control">50G</div>
                </div>
                <div class="options-item">
                    <div class="text">数据盘：</div>
                    <div class="control">
                        <div class="operate">
                            <button class="ubtn ubtn-blue ubtn-rect" ng-click="createCloud.storageAdd()">
                                <span class="ti-plus"></span>
                            </button>
                        </div>
                    </div>
                    <div class="control-list">
                        <ul>
                            <li ng-repeat="item in createCloud.model.uhostStorage.selected track by item._id">
                                <select-rect data-index="{{item._id}}" data-select-all="createCloud.model.uhostStorage.selected" data-options="createCloud.model.uhostStorage.options" />
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
        <!-- space -->
        <div class="uhost-workgroup uhost-group">
            <div class="group-text">业务组</div>
            <div class="options-box">
                <div class="options-item">
                    <div class="text">业务组：</div>
                    <div class="control">
                        <select class="control-select control-block">
                            <option value="01">默认业务组</option>
                            <option value="02">欧冶业务组</option>
                        </select>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="create-uhost-view-footer">
        <button class="ubtn ubtn-blue control-large" ng-click="createCloud.submit()">确 认</button>
    </div>
</div>